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1.The merchant needs to create a new website, and is need modify a template the 

third party vendor's, because the customer is different. The file is found in a module 

here: app/code/Vendor/Module Keep it simple in your mind! 

A. Create another layout for the new website and configure new file.phtml. 

app/code/Vendor/Module/view/frontend/templates/file.ohtm| 

B. Create a new module for extends layout.xml and include new file.phtml. 

app/code/Vendor/Module_Two/view/frontend/templates/file.phtm| 

C. Create a new theme, define a new website and customize in app/design. 

app/design/frontend/Custom/Theme/Vendor_Module/templates/file.phtm! 

Answer: C 

Explanation: 

The best way to customize a template file from a third-party module is to create a new 

theme that inherits from the parent theme and override the template file in the 

app/design/frontend/Custom/Theme/Vendor_Module/templates diregtory. This way, 

the customization is isolated from the original module and can be‘applied to a specific 

website or store view. Creating another layout file or a new me¢ule would not be as 

simple or flexible as creating a new theme. <° 

Reference: Frontend development guide, [Create a theg, [Theme inheritance] 
pi 


2.An Adobe Commerce developer wants to ove the following Layout XML file in 

the theme ExampleCorp/orange. >” 

app/design/frontend/ExampleCorp/blank/\endor_ Module/layout/catalog_product_vie 

w.xml What path would the developer ype inside the layout directory of the theme to 

override the file? e 

A. joverride/ExampleCorp/blankicafalog_ product_view.xml 

B. /override/theme/ExampleCoxg/blank/catalog_ product_view.xml 

C. /catalog_product_view.xrr 
Y 

Answer: C X 

Explanation: Ki 

To override a layousXML file from a parent theme, the developer just needs to place 

the modified file j$ the same path relative to the layout directory of the child theme. In 

this case, the fife would be app/design/frontend/ExampleCorp/orange/Vendor_Module 

/layout/catalog_product_view.xml. The override directory is not used for overriding 

layout files, but for overriding templates and web assets. 

Reference: [Layout instructions], [Override templates and layout files] 


3.An Adobe Commerce developer needs to create translations for the Orange/custom 
theme. 

Which directory would the developer place the translations? 

A. Orange/custom/etc 

B. Orange/custom/translations 


C. Orange/custom/il8n 

Answer: C 

Explanation: 

To create translations for a theme, the developer needs to place the translation files in 
the il8n directory of the theme. The translation files should have the format <language 
code>_<country code>.csv, such as en_US.csv or fr_FR.csv. The etc and translations 
directories are not used for storing translation files. 

Reference: [Translations overview], [Translate theme strings] 


4.An Adobe Commerce developer wants to create a new theme Vendor_Orange 
which extends from MagentoMuma. 

Which file is responsible for specifying the parent theme? 2 

A. view.xml 

B. registration.php a 
C. theme.xml g? 
Answer: C <° 
Explanation: s 
The theme.xml file is responsible for specifying the parent theme of a custom theme. 
The file should contain the <parent> element with bre value of the parent theme’s 
directory, such as <parent>MagentoMumacipayi> The view.xml file is used to 
configure the theme’s images, fonts, and ays The registration.php file is used to 
register the theme in the system. 

Reference: [Create a theme], [theme. 
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5.In which folder can a customdfieme favicon be added? 

A. <your_theme_dir>/web/ E 

B. <your_theme _dir>/Magénto_ Theme/web/ 

C. <your_theme _dir>/gésets/images 

Answer: B Ka 

Explanation: 6° 

The favicon caf be added to the <your_theme_dir>/Magento_Theme/web/ directory 
of a custom theme. The favicon should have the name favicon.ico and replace the 
default one from the Magento_ Theme module. The <your_theme_dir>/web/ directory 
is used for storing web assets that are not specific to any module. The 
<your_theme_dir>/assets/images directory does not exist by default and is not used 
for storing favicons. 

Reference: [Add a favicon], [Theme structure] 


6.An Adobe Commerce developer is building a theme Vendor/Orange and needs to 
customize the header of email templates. 


Where in the theme does the developer need to place the new template for this 
customization? 
A. /Magento_Email/templates/override/html/neader.htm| 
B. /Magento_Email/email/neader.html 
C. /Magento_Theme/html/header.html 
Answer: B 
Explanation: 
To customize the header of email templates, the developer needs to place the new 
template in the /Magento_Email/email/neader.html! path of the theme. This will 
override the default header 
template from the Magento_Email module. The 
/Magento_Email/templates/override/html/header.html path is not valid and will not 
work. The /Magento_Theme/html/header.html path is used for customiging the header 
of web pages, not emails. K 
Reference: [Customize email templates], [Email templates overview] 
3 

<° 
7.Which two steps are required to delete a manually insțáfľed theme? (Choose two.) 
A. Remove the theme using the theme:uninstall CLI mand 
B. Remove the directory app/design/frontend/<VeņpĝorNAM E/<ThemeName> 
C. Disable the theme from the backend admin Sifiguration 
D. Remove the theme record from the themefatabase table 
Answer: B, D 
Explanation: 
To delete a manually installed themes the developer needs to remove the theme 
directory from the app/design/fronfénd directory and also delete the corresponding 
record from the theme table inde database. The theme:uninstall CLI command is 
only used for deleting themes that are installed as Composer packages. Disabling the 
theme from the backend.admin configuration does not delete the theme files or 
records, but only makeé it unavailable for use. 


Reference: [Delete #theme], [theme:uninstall] 
Oo 


e 
8.An Adobe Commerce developer needs to modify the width and height of all product 
images inside the theme Vendor/theme. 

What file inside the theme is responsible for these changes? 

A. Vendor/theme/etc/images.xml 

B. Vendor/theme/etc/view.xml 

C. Vendor/theme/etc/theme.xml 

Answer: B 

Explanation: 

To modify the width and height of all product images inside a theme, the developer 
needs to edit the view.xml file inside the etc directory of the theme. The view.xml file 


o 
$ 
(o) 


contains the configuration for the theme’s images, fonts, and layout. The images.xml 
file does not exist by default and is not used for configuring images. The theme.xml 
file is used for specifying the parent theme and other metadata of the theme. 
Reference: [view.xmll], [theme.xml] 


9.An Adobe Commerce developer has been asked to move a block called country 

from the container sidebar to the container content, the block has to be the last child 

on the content container. 

Which layout instruction would be used to move the block? 

A. <move element = "country" destination="content" after="-"/> 

B. <move element="country-element" destination="content-element'/> 

C. <move element="country" destination="content" after="last-child"/> 9 

Answer: A K 

Explanation: aY 

To move a block from one container to another, the developegfeeds to use the 

<move> layout instruction with the element attribute specifyitig the name of the block 

and the destination attribute specifying the name of the ge tainer. The after attribute 

can be used to position the block relative to other bl in the same container. The 

value “-” means that the block will be placed after af? other blocks, i.e., as the last 

child. The value “last-child” is not valid for the Er attribute and will not work. The 

element and destination attributes should eee names of the blocks and 

containers, not ew” 

their aliases or classes. o 

Reference: [Layout instructions], [Move an element] 
» 
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10.An Adobe Commerce Developer is adding a new page layout to the theme 
directory within a customdfieme. 

Which file needs to be€teated to register the new page layout? 

A. app/design/frontefid/<VendorName>/<ThemeName>/layouts. xml 

B. app/design/frgttend/<VendorName>/<ThemeName>/Magento_Theme/layouts.xnil 
C. app/design/ffontend/<VendorName>/<ThemeName>/Magento_Theme/layout/layo 
uts.xml 

Answer: C 

Explanation: 

To register a new page layout in a custom theme, the developer needs to create a 
layouts.xml file in the 
app/design/frontend/<VendorName>/<ThemeName>/Magento_Theme/layout 
directory. The layouts.xml file should contain the <layout> element with the id, label, 
and file attributes. The id attribute is used to reference the layout in other layout files, 
the label attribute is used to display the layout name in the admin panel, and the file 
attribute is used to specify the path to the layout file 


relative to the web directory of the theme. The 
app/design/frontend/<VendorName>/<ThemeName=>/layouts.xml and 
app/design/frontend/<VendorName>/<ThemeName>/Magento_Theme/layouts.xml 
files are not valid and will not work. 

Reference: [Create a new page layout], [layouts.xml] 


11.An Adobe Commerce developer wants to override the template assigned to a 
block named existing, product, block. This relationship is defined in the 
catalog_product_view. xml layout in the Magento_Catalog module. They cannot 
simply override the file in their theme, as this change is part of a feature that is being 
released to the marketplace as a module called "Orange_CustomProduct". 

The developer has already created the desired template at © 
app/code/Orange/CustomProduct/view/f rontend/templates/custom ypřoduct- 
block.phtml. 

What can they add to applcode/Oranue/Cusiomeroduciviewse” 
rontend/layout/catalog_product_view. xml in their module deXaccomplish this? 


A) g 
s 
or 

<referenceBlock name="existing.product.block™> 

<arguments> 

<argument name="template" xsi: type="string”>Orange CustomProduct: :custom-product-block.phtml</argument> 

</arguments> 

</referenceBlock> 3 
È 
S 

B) $ 


<referenceBlock name=" ‘existing. ‘product. block"> 
<template path="Orange CustomProduct: :custom-product-block.phtml” /> 
</referenceBlock> 


C) ae 


<referenceBlock name=" existing. product .block"> 
<action method="setTemplate”> 
<argument name="template” xsi: type="string”>Orange_ CustomProduct: :custom-product-block.phtml</argument> 
</action> 
</referenceBlock> 


D) 


<referenceBlock name="existing.product.block” template="Orange CustomProduct: :custom-product-block.phtm1"> 


A. Option A 
B. Option B 
C. Option C 
D. Option D 
Answer: B 


Explanation: 

To override the template assigned to a block in a module, the developer needs to use 
the <referenceBlock> layout instruction with the name attribute specifying the name of 
the block and the template attribute specifying the path to the new template file. In this 
case, the code would be: 

<referenceBlock name=“existing.product.block” 
template=“Orange_CustomProduct::custom-product-block.phtml’/> 

Option A is not valid because it uses <block> instead of <referenceBlock>, which 
would create a new block instead of referencing an existing one. Option C is not valid 
because it uses <argument> instead 

of <template>, which would not change the template of the block. Option D is not valid 
because it uses an incorrect syntax for the template attribute, which should use two 
colons instead of a slash. E 

Reference: [Layout instructions], [Override templates and layout files? 


& 
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12.An Adobe Commerce developer is using a view model within an existing block: 
g 


<referenceBlock name="blog.posts.list"> 
<arguments> 
<argument name="view model" xsi:type="object">ExampleCorp\Blog\ViewModel \MyNewViewodel</argument> 


</arguments> 
</referenceBlock> $ 
Ra 
What are two ways to access the view modél class in the template? (Choose two.) 
A. $block->getData('view_model') * 
B. $block->viewModel() a 


C. $block->getViewHodel() os 
D. $block->getData(‘viewModely” 
Answer: A, D S 
Explanation: J 
9 
To access a view model within an existing block, the developer can use either of the 
following ways: ® 

$block->getDatagwiew_model’): This method will return the view model object that is 
assigned to thé’argument name “view_model” in the layout XML file. For example: 
<referenceBlock name=“blog_posts_list’> <arguments> <argument 
name=“view_model” 
xsi:type=“object’>ExampleObjectModel/ExampleObjectModel</argument> 
</arguments> </referenceBlock> 

In the template file, the developer can access the view model object by using: 
$block->getData(‘view_model’) 

$block->getData(‘viewModel’): This method will return the view model object that is 
assigned to the 

argument name “viewModel” in the layout XML file. 

For example: 


<referenceBlock name=“blog_posts_list’> <arguments> <argument 
name=“viewModel” 
xsi:type=“object’>ExampleObjectModel/ExampleObjectModel</argument> 
</arguments> </referenceBlock> 

In the template file, the developer can access the view model object by using: 
$block->getData(‘viewModel’) 

The following methods are not valid and will not work: 

$block->viewModel(): This method does not exist and will cause an error. 
$block->getViewHodel(): This method is misspelled and will cause an error. 


13.An Adobe Commerce developer needs to pass JSON data to a JavaScript 
component while keeping oO 

XSS prevention strategies in mind. K 

Which two options would the developer use? (Choose two.) ro 
A) r 


<script> 
let settings = <? 
</script> 
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B) S 
<div data-bind='settings: <?= $escaper->escapeHtmlAattr ($myJson) ?>'></div> 
C) S 


<script> 
let settings = <?= $escaper->escapeHtmlAttr($myJson) ?> 
</script> 


D) 
<div data-bind='settings: <?= $myJson ?>'></div> 


A. Option A 
B. Option B 
C. Option C 
D. Option D 
Answer: A, C 


Explanation: 
To pass JSON data to a JavaScript component while keeping XSS prevention 
strategies in mind, the developer should use the following options: 
Option A: Use the x-magento-init script tag with the data-mage-init attribute and the 
JSON.parse function to initialize the component with the JSON data. This option is 
secure because it does not use any HTML tags or attributes that can be exploited by 
XSS attacks. 
Option C: Use the text/x-magento-init script tag with the type attribute and the 
JSON.parse function to initialize the component with the JSON data. This option is 
secure because it does not use any HTML tags or attributes that can be exploited by 
XSS attacks. 
The following options are not secure and should not be used: 
Option B: Use the script tag with the type attribute and the escapeHtmJAttr function to 
initialize the component with the JSON data. This option is not secusé because it uses 
the escapeHtmIAttr function, which is meant for escaping HTML attributes, not JSON 
data. This function can introduce double quotes in the JSON dia, which can break 
the JSON syntax and cause errors. ° 
Option D: Use the script tag with the type attribute and the escapeJsQuote function to 
initialize the component with the JSON data. This optign is not secure because it uses 
the escapeJsQuote function, which is meant for es¢aping JavaScript strings, not 
JSON data. This function can introduce backslasfes in the JSON data, which can 
break the JSON syntax and cause errors. > 
<0 

Pa 
14.An Adobe Commerce developer greated a module called Orange_Customer. In 
customer information. y 
Where would the developer plasé this file? 
A. app/code/OrangG/custom&t/viev^/frontend/web/templates/customer-info.phtml 
B. app/code/Orange/Custeter/frontend/templates/customer-info.phtm| 
C. app/code/OrangG/Guston>Gr/viGw/frontGnd/templates/customGr-info.phtm| 
Answer: C Ka 
Explanation: 8° 
To place a template file for a custom module, the developer should follow this path 
pattern: 
app/code/<Vendor>/<Module>/view/<Area>/templates/< Template> 
In this case, the vendor name is Orange, the module name is Customer, the area is 
frontend, and the template name is customer-info.phtml. Therefore, the correct path 
is: 
app/code/Orange/Customer/view/frontend/templates/customer-info.phtm| 
The following paths are not correct and will not work: 
app/code/Orange/customer/view/frontend/web/templates/customer-info.phtml: This 
path is incorrect because it uses web instead of templates, which is used for storing 
web assets like CSS, JS, and images, not template files. 


app/code/Orange/Customer/frontend/templates/customer-info.phtml: This path is 
incorrect because it misses the view directory, which is required for separating 
frontend and backend templates. 


15.An Adobe Commerce developer needs to display a URL in the template. 

How would the variable $ur1 be securely output in the template? 

A. <?php echo $escaper->escapeUrl($url) ?> 

B. <?php echo $escaper->escapeLink($url) ?> 

C. <?php echo $escaper->escapeHtml ($url) ?> 

Answer: A 

Explanation: 

To display a URL in a template securely, the developer should use theescapeUr! 

method of the escaper object. This method will encode any special gflaracters in the 

URL that can be used for XSS attacks, such as &, <, >, ",', etc. Rof example: 

<?php echo $escaper->escapeUrl($url) ?> g? 

The following methods are not suitable for displaying URLg shd should not be used: 

<?php echo $escaper->escapeLink($url) ?>: This methog is used for escaping link 

attributes, not URLs. It will encode any characters thaare valid in URLs but invalid in 

HTML attributes, such as spaces, quotes, etc. Foréxample: 

<?php echo $escaper->escapeLink(‘https://examiple.com/?q=hello world’) ?> // 

Output: hg 

https://example.com/?q=hello world s 

<?php echo $escaper->escapeHtmI($ygf ?>: This method is used for escaping HTML 

content, not URLs. It will encode anyćharacters that are valid in URLs but invalid in 

HTML content, such as &, <, >, etés For example: 

<?php echo o% 

$escaper->escapeHtmll(‘https*//example.com/?q=<script>alert(“XSS”)</script>’) ?> 

// Output: https://exampls om/?q=<script>alert("XSS")</script> 
oO” 
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